import styled from 'styled-components'
import { px2rem } from '@/assets/global-style'
export const Wrapper = styled.div `
    width:100vw;
    height:100vh;
    overflow: hidden scroll;
    .video {
        width:100%;
        height:100%;
    }
    .top {
        position: fixed;
        z-index: 999;
        top:0;
        height: ${px2rem(54)};
        background-color: white;
        width:100%;
    }
    .aside {
        font-size: ${px2rem(14)} !important;
        position: absolute;
        display: flex;
        flex-direction: column;
        height:35vh;
        z-index: 999;
        color:white;
        top:60vh;
        left:88vw;
        .icon {
            font-size: ${px2rem(30)} 
        }
       .text {
        margin:${px2rem(5)} 0;
       }
    }
`